/**
 * 内容区域加载页面
 * @param {Object} url
 */
let NowPage;
const LoadContent = function(url, notload, data, func) {
	if(notload != false) {
		$.AMUI.progress.start();
	}
	$("#ContentArea").HttpLoad(url, data, function() {
		NowPage = url;
		//console.log(NowPage);

		//左菜单显示激活当前所在页面
		const activeNowPage = function() {
			//清除掉所有已经激活的菜单
			const clear = function() {
				$(".sidebar-nav-link a").removeClass("sub-active");
				$(".sidebar-nav-link a").removeClass("active");
			};
			
			//激活当前菜单
			const active = function() {
				$(".sidebar-nav-link").each(function(k, v) {
					if(NowPage == $(v).data("url")) {
						$(v).find("a:first").addClass("sub-active");
						$(v).parent().parent().find("a[class='sidebar-nav-sub-title']").addClass("active");
					}
				});
			};
			clear();
			active();
		};
		activeNowPage();
		
		$.AMUI.progress.done();
	});
	
}

/**
 * 初始化页面
 * 包括一些事件的加载
 */
const InitPage = {
	/**
	 * 初始化首页
	 */
	LoadIndex: function(url) {
		$.AMUI.progress.start();
		InitPage.LoadLeftMenu();
		InitPage.LoadPageEvents();
		LoadContent("Home/index");
	},

	/**
	 * 加载页面的各种事件 如菜单的点击等等
	 */
	LoadPageEvents: function() {
		// 侧边菜单开关
		const autoLeftNav = function() {
			$('.tpl-header-switch-button').on('click', function() {
				if($('.left-sidebar').is('.active')) {
					if($(window).width() > 1024) {
						$('.tpl-content-wrapper').removeClass('active');
					}
					$('.left-sidebar').removeClass('active');
				} else {

					$('.left-sidebar').addClass('active');
					if($(window).width() > 1024) {
						$('.tpl-content-wrapper').addClass('active');
					}
				}
			})

			if($(window).width() < 1024) {
				$('.left-sidebar').addClass('active');
			} else {
				$('.left-sidebar').removeClass('active');
			}
		}
		autoLeftNav();
		$(window).resize(function() {
			autoLeftNav();
		});

//		// 风格切换
//		$('.tpl-skiner-toggle').on('click', function() {
//			$('.tpl-skiner').toggleClass('active');
//		})
//
//		$('.tpl-skiner-content-bar').find('span').on('click', function() {
//			$('body').attr('class', $(this).attr('data-color'))
//			saveSelectColor.Color = $(this).attr('data-color');
//			// 保存选择项
//			storageSave(saveSelectColor);
//		})
//
		// 侧边菜单
		$('.sidebar-nav-sub-title').on('click', function() {
			$(this).siblings('.sidebar-nav-sub').slideToggle(80)
				.end()
				.find('.sidebar-nav-sub-ico').toggleClass('sidebar-nav-sub-ico-rotate');
		})
	},

	/**
	 * 加载左菜单
	 */
	LoadLeftMenu: function() {
		let url = "Module.json";
		LocalGet(url, function(ModuleDatas) {
			let html = '';
			$.each(ModuleDatas, function(index, ModuleData) {
				html += '<li class="sidebar-nav-link">';
				html += '<a href="javascript:;" class="sidebar-nav-sub-title">' +
					'<i class="am-icon-' + ModuleData.Icon + ' sidebar-nav-link-logo"></i>' + ModuleData.Text +
					'<span class="am-icon-chevron-down am-fr am-margin-right-sm sidebar-nav-sub-ico"></span>' +
					'</a>';
				if(ModuleData.Child != null) {
					html += '<ul class="sidebar-nav sidebar-nav-sub">';
					$.each(ModuleData.Child, function(index, ModuleData) {
						html += '<li data-url="' + ModuleData.Url + '" class="sidebar-nav-link">' +
							'<a href="#" onclick="LoadContent(\'' + ModuleData.Url + '\',true)">' +
							'<span class="am-icon-angle-right sidebar-nav-link-logo"></span> ' + ModuleData.Text +
							'</a>' +
							'</li>';
					});
					html += '</ul>';
				}
				html += '</li>';
			});
			$("#MenuArea").html(html);
		}, false);
	}
}
